<template>
    <div class="van_cell">
        <h3 class="van_cell_title">{{ data.options.label }}</h3>
        <van-radio-group v-model="data.options.defaultValue">
            <van-cell v-for="(item, index) in data.options.options" :key="index">
                <van-radio :name="item.value">{{ item.label }}
                </van-radio>
            </van-cell>
        </van-radio-group>
    </div>
</template>
<script>
import { RadioGroup, Radio, Cell, CellGroup } from 'vant'
export default {
    name: 'FormRadio',
    components: {
        [RadioGroup.name]: RadioGroup,
        [Radio.name]: Radio,
        [CellGroup.name]: CellGroup,
        [Cell.name]: Cell
    },
    props: {
        data: {
            type: Object
        }
    },
    methods: {

    }
}
</script>
<style lang="scss">
    .van_cell{
        .van_cell_title{
            padding-left: 10px;
        }
    }
</style>
